组件结构   展示在app中
<!-- <template> -->
    <!-- <fieldset> -->
        <!-- <legend>一个父组件</legend> -->
        <!-- <h1>一个朴实无华的父组件</h1> -->
        <!-- 3动态绑定一个事件 -->
        <!-- re自定义名字  get 时间处理函数 -->
        <!-- <Child :g='gift' @re='get'/> -->
        <!-- <Child2/> -->
    <!-- </fieldset> -->
<!-- </template> -->
<!-- <script>
//2引入child
import Child from './Child.vue'
import Child2 from './Child2.vue'

//父组件传参给子组件
export default{
    methods: {
        // 给个形参  接收传来的参数
        get(input){
            console.log(input);
        }
    },

    //4创建个data
    data(){
        return{
            gift:'李白打野吗'
        }
    },
    //1注册组件
    components: {
        Child,
        Child2
    },


    //组件嵌套的执行顺序
     beforeCreate (){
        console.log('父组件的 beforeCreate');
     },
     created () {
        console.log('父组件的  created');

     },
     beforeMount (){
        console.log('父组件的  beforeMount');

     },
     mounted () {
        console.log('父组件的  mounted');

     }
} -->





<!-- //父子组件嵌套的执行顺序！！！！！(背)
// 父组件的 beforeCreate
// 父组件的  created
// 父组件的  beforeMount
// 子组件的 beforeCreate
// 子组件的  created
// 子组件的  beforeMount
// 子组件的  mounted
// 父组件的  mounted

// 父子消毁执行顺数
// 父组件的beforeDestroy
// 子组件的beforeDestroy
// 子组件的destroyed
// 父组件的destroyed -->
<!-- </script> -->